<!--
	作者：xj95sd2@163.com
	时间：2015-04-08
	描述：Main 画面
-->
<!DOCTYPE html>
<html lang="cn" class="no-skin">
	<head>
		<meta charset="utf-8"/>
		<title>Demo Blank 画面</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
		<link href="../static/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
		<link href="../static/FontAwesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
  		<link rel="stylesheet" href="../static/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
		<link rel="stylesheet" href="../static/layer/skin/layer.css" />
		<link rel="stylesheet" href="../static/jbox-0.3.2/jBox.css" />
		<link rel="stylesheet" href="../static/select2-4.0.0/css/select2.min.css" />
		<link rel="stylesheet" href="../static/common/css/common.css" />
		<link rel="stylesheet" href="../static/common/css/common.responsive.css" />
		<link rel="stylesheet" href="../static/common/css/menu.css" />

		<script type="text/javascript" src="../static/jquery/jquery-1.11.2.min.js" ></script>
		<script type="text/javascript" src="../static/jquery/jquery.form.js" ></script>
		<script type="text/javascript" src="../static/bootstrap/js/bootstrap.js" ></script>
		<script type="text/javascript" src="../static/jquery/jquery-validation/dist/jquery.validate.js" charset="utf-8"></script> 
		<script type="text/javascript" src="../static/jquery/jquery-validation/dist/localization/messages_zh.js" charset="utf-8"></script> 
		<script type="text/javascript" src="../static/jbox-0.3.2/jBox.js" ></script>
		<script type="text/javascript" src="../static/select2-4.0.0/js/select2.min.js" ></script>
		<script type="text/javascript" src="../static/ztree/js/jquery.ztree.core-3.5.min.js" ></script>
		<script type="text/javascript" src="../static/ztree/js/jquery.ztree.excheck-3.5.min.js" ></script>
		<script src="../static/seajs/sea.js"></script>
		<script src="../static/config.js"></script>
	</head>
	<body>
		<!-- BEGIN HEADER -->
		<nav class="page_header navbar navbar-default">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle menu-toggler pull-left" data-toggle="collapse" id="page-sidebar-collapse" data-target="#page-sidebar">
						<span class="sr-only">Toggle sidebar</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
		    		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
			          	<span class="sr-only">Toggle navigation</span>
			          	<span class="icon-bar"></span>
			          	<span class="icon-bar"></span>
			          	<span class="icon-bar"></span>
			        </button>
		    		<span class="navbar-brand">SHARK WEB</span>
		    	</div>
		    	<div class="collapse navbar-collapse" id="navbar-collapse-1">
		    		<ul class="main-menu nav navbar-nav hidden-xs">
		    			<li><a href="#"><i class="main-menu_icon fa fa-home"></i> 我的工作台 </a></li>
		    			<li><a href="#">在线办公</a></li>
		    			<li class="active"><a href="#"><i class="main-menu_icon fa fa-cog"></i> 系统管理 </a></li>
		    		</ul>
		    		<ul class="nav navbar-nav navbar-right">
		    			<li class="dropdown">
						    <a class="dropdown-toggle" data-toggle="dropdown" href="#" title="个人信息">您好, 管理员</a>
						    <ul class="dropdown-menu">
						      	<li><a href="#" target="mainFrame"><i class="fa fa-user"></i>&nbsp; 个人信息</a></li>
						      	<li class="divider"></li>
						      	<li><a href="#" target="mainFrame"><i class="fa fa-lock"></i>&nbsp;  锁屏</a></li>
						      	<li><a href="#"><i class="fa fa-key"></i>&nbsp;  修改密码</a></li>
						      	<li class="divider"></li>
						      	<li><a href="#" data-toggle="modal" data-target="#settingDialog"><span class="glyphicon glyphicon-cog"></span>&nbsp;  系統設置</a></li>
						    </ul>
					  	</li>
						<li><a href="login.html" title="退出登录"><i class="glyphicon glyphicon-off"></i>&nbsp;  退出</a></li>
					  	<li>&nbsp;</li>
		    		</ul>
		    	</div>
			</div>
		</nav><!-- END HEADER -->
		<!-- BEGIN CONTAINER -->
		<div class="container-fluid container_shadow page_container">
			<div class="main_container">
				<div id="page-sidebar" class="page_sidebar collapse  navbar-collapse">
					<!-- Start page_side_menu -->
					<ul class="nav page_side_menu">
						<li id="1">
							<a href="main.html">
								<i class="menu-icon fa fa-home"></i>
				        		<span class="menu-text">我的工作台</span>
							</a>
							<b class="arrow"></b>
						</li>
						<li id="3" class="">
							<a href="#" class="dropdown-toggle">
								<i class="menu-icon fa fa-user"></i>
				        		<span class="menu-text">机构用户</span>
								<b class="arrow fa fa-angle-down"></b>
							</a>
							<ul class="submenu">
								<li id="3.1" class="">
									<a href="sys/userList.html" data-ajax="true">
										<i class="menu-icon fa fa-caret-right"></i>
										用户管理
									</a>
									<b class="arrow"></b>
								</li>
								<li id="3.2" class="">
									<a href="sys/officeList.html" data-ajax="true">
										<i class="menu-icon fa fa-caret-right"></i>
										机构管理
									</a>
									<b class="arrow"></b>
								</li>
								<li id="3.3" class="">
									<a href="sys/areaList.html" data-ajax="true">
										<i class="menu-icon fa fa-caret-right"></i>
										区域管理
									</a>
									<b class="arrow"></b>
								</li>
							</ul>
						</li>
						<li id="2" class="">
							<a href="#" class="dropdown-toggle">
								<i class="menu-icon fa fa-cog"></i>
				        		<span class="menu-text">系统设置</span>
								<b class="arrow fa fa-angle-down"></b>
							</a>
							<ul class="submenu">
								<li id="2.1" class="">
									<a href="sys/menuList.html" data-ajax="true">
										<i class="menu-icon fa fa-caret-right"></i>
										菜单管理
									</a>
									<b class="arrow"></b>
								</li>
								<li id="2.2" class="">
									<a href="sys/roleList.html" data-ajax="true">
										<i class="menu-icon fa fa-caret-right"></i>
										角色管理
									</a>
									<b class="arrow"></b>
								</li>
							</ul>
						</li>
						<li id="4" class="">
							<a href="#" class="dropdown-toggle">
								<i class="menu-icon fa fa-book"></i>
				        		<span class="menu-text">日志查询</span>
								<b class="arrow fa fa-angle-down"></b>
							</a>
							<ul class="submenu">
								<li id="4.1" class="">
									<a href="#">
										<i class="menu-icon fa fa-caret-right"></i>
										日志查询
									</a>
									<b class="arrow"></b>
								</li>
							</ul>
						</li>
					</ul><!-- End page_side_menu -->
					<!-- #section:basics/sidebar.layout.minimize -->
					<div class="page_sidebar-toggle sidebar-collapse hidden-xs" id="sidebar-collapse">
						<i class="mini-icon fa fa-angle-double-left" data-icon1="mini-icon fa fa-angle-double-left" data-icon2="mini-icon fa fa-angle-double-right"></i>
					</div>
				</div>
				<div class="main_content">
					<!-- 面包屑导航 -->
    				<ol class="breadcrumb tool_margin_bottom_0 tool_border_radius_0">
      					<li class="active">首页</li>
    				</ol><!-- End breadcrumb-->
    				<div class="page_content">
    				TEST
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    					<p>TEST</p>
    				</div> <!-- End page_content -->
				</div><!-- End main_content-->
			</div><!-- End main_container -->
		</div><!-- End page_container -->
		<div id="settingDialog" class="modal fade bs-example-modal-sm">
			<div class="modal-dialog modal-sm">
				<div class="modal-content">
					<div class="modal-header">
			        	<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        	<h4 class="modal-title" id="myModalLabel">系统设置</h4>
			      	</div>
					<div class="modal-body">
						<div style="padding-left:30px;">
						  <form action="">
						    <div class="checkbox">
						      <label>
						        <input type="checkbox" name="ckbSetting" value="1">固定导航条</label>
						    </div>
						    <div class="checkbox">
						      <label>
						        <input type="checkbox" name="ckbSetting" value="2">固定菜单</label>
						    </div>
						    <div class="checkbox">
						      <label>
						        <input type="checkbox" name="ckbSetting" value="3">固定面包屑</label>
						    </div>
						    <div class="checkbox">
						      <label>
						        <input type="checkbox" name="ckbSetting" value="4">切换窄屏</label>
						    </div>
						  </form>
						</div>
					</div><!--
					<div class="modal-footer">
			          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
			          <button type="button" class="btn btn-primary">保存</button>
			        </div>-->
				</div>
			</div>
		</div><!-- End settingDialog -->
		<div id="modal" class="modal fade">
		  	<div class="modal-dialog">
		    	<div class="modal-content">
		      		<div class="modal-header">
		        		<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        		<h4 class="modal-title">Modal title</h4>
		      		</div>
		      		<div class="modal-body">
		        		<p>Loading...</p>
		      		</div>
		      		<div class="modal-footer">
		        		<button type="button" id="modalCnlBtn" class="btn btn-default" data-dismiss="modal">关闭</button>
		        		<button type="button" id="modalOkBtn" class="btn btn-primary">Save changes</button>
		      		</div>
		    	</div><!-- /.modal-content -->
		  	</div><!-- /.modal-dialog -->
		</div><!-- /.modal -->
		<div id="confirmModal" class="modal fade">
		  	<div class="modal-dialog">
		    	<div class="modal-content">
		      		<div class="modal-body">
		      		</div>
		      		<div class="modal-footer">
		        		<button type="button" id="confirmCnlBtn" class="btn btn-default" data-dismiss="modal">取消</button>
		        		<button type="button" id="confirmOkBtn" class="btn btn-primary" data-dismiss="modal">确定</button>
		      		</div>
		    	</div><!-- /.modal-content -->
		  	</div><!-- /.modal-dialog -->
		</div><!-- /.confirmModal -->
		<div id="alertModal" class="modal fade">
		  	<div class="modal-dialog">
		    	<div class="modal-content">
		      		<div class="modal-body">
		      		</div>
		      		<div class="modal-footer">
		        		<button type="button" id="alertOkBtn" class="btn btn-primary" data-dismiss="modal">确认</button>
		      		</div>
		    	</div><!-- /.modal-content -->
		  	</div><!-- /.modal-dialog -->
		</div><!-- /.confirmModal -->
		<script language="JavaScript">
			seajs.use("layout", function(layout) {
				layout.init();
			});
		</script>
	</body>
</html>
